Skip to content

test(billing): cover recovery banner permissions - #14713

Open
dante01yoon wants to merge 2 commits into
mainfrom
dante01yoon/test-billing-e2e-matrix
Open

test(billing): cover recovery banner permissions#14713
dante01yoon wants to merge 2 commits into
mainfrom
dante01yoon/test-billing-e2e-matrix

Conversation

@dante01yoon

Copy link
Copy Markdown
Collaborator

Summary

Restores the current-valid part of historical #13818 that is still missing on main: Cloud Team billing recovery banners now have browser coverage for owner actions, member privacy, and paused-member guidance. The historical PR remains closed and unchanged.

Root cause: #13818 accumulated a broad mocked suite while billing moved to the workspace billing rail. Most of its checkout, top-up, lifecycle, routing, and responsive assertions were later replaced by narrower tests on main; the remaining payment-recovery tests were stale, untyped against the current ingest contract, and did not verify the portal request or member privacy. This PR rebuilds only that gap and updates shared billing-status fixtures for the now-required seat fields.

Changes

  • What: Adds a typed WorkspaceBillingSettings page object and three uniquely traced Cloud scenarios for payment_failed/paused Team subscriptions.
  • What: Verifies the owner portal request's exact return_url and resulting portal navigation.
  • What: Verifies Team members cannot see failed-payment details or recovery controls, while a paused member receives role-safe guidance.
  • What: Aligns billing mocks with the generated BillingStatusResponse seat-capacity contract.

Traceability and current coverage inventory

ID User story Test / status Distribution / role
TB-22A Failed Team payment exposes recovery and sends the exact current return URL billingStatusRecovery.spec.tsexposes payment recovery and sends the current return URL new Cloud / Team owner
TB-22B Failed-payment details and recovery remain private billingStatusRecovery.spec.tskeeps payment failure details and recovery private new Cloud / Team member
TB-22C Paused subscription gives non-manager guidance without controls billingStatusRecovery.spec.tsshows a role-safe pause notice without billing controls new Cloud / Team member
BILL-L01 Free-tier add-credit entry points remain available without subscribe UI localCreditsNoSubscribeUi.spec.ts Local/desktop-compatible / owner
BILL-L02 Subscription-required errors stay in the paywall instead of the generic error panel subscriptionPaywallError.spec.ts; billingFacadeConsumers.spec.ts Local + Cloud policy
BILL-C01 Personal/Team pricing routing, owner/member authorization, preview/confirm, exact Team payload pricingTableDeepLink.spec.ts selected personal/Team scenarios Cloud / personal owner, Team owner/member
BILL-C02 Pending checkout restoration, successful replay, transient API failure/retry, post-change status/balance reconciliation pricingTableDeepLink.spec.ts pending, downgrade, recovered-3DS, and reconciliation scenarios Cloud / owner
BILL-T01 Personal/Team top-up entry and member/lapsed gating topUpDeepLink.spec.ts Cloud / personal owner, Team owner/member
BILL-T02 Credit conversion, depleted states, responsive breakdown, refresh, and 3DS pending verification creditsTile.spec.ts; conversion expansion remains in #11953 Cloud / owner
BILL-P01 Ended plans route to subscribe; cancellation dialog retains cancel/keep behavior endedSubscription.spec.ts; cancelSubscriptionDialog.spec.ts Cloud / owner
BILL-I01 Billing/invoice portal policy across Local/Cloud/free/ended/member states Separate current product PR #14608; intentionally not duplicated here Local + Cloud / owner/member
BILL-A01 Activity rendering/filtering contract WorkspaceActivityContent.test.ts and UsageLogsTable.test.ts; browser-level event journey is follow-up Cloud / workspace roles
BILL-N01 Partner-node pricing and insufficient-credit presentation frontend unit/browser primitives exist; real metering propagation is external/manual Cloud / owner/member

Ordered follow-up stack

  1. This PR — payment-failure/paused recovery and role privacy (independent, test-only).
  2. feat(billing): unify billing and invoice portal action #14608 — current billing/invoice portal policy and Local controls; review/merge separately to avoid duplicate assertions.
  3. test: add E2E coverage for credit balance and top-up conversions #11953 or a rebased successor — current workspace top-up conversion and preset/custom amount contracts.
  4. A focused Activity + partner-node browser PR after the event fixture is updated to the current workspace-activity API; keep real provider metering as an external integration check.
  5. A small pricing viewport/plan-grid PR only for monthly/annual interactive coverage not already asserted by the selected-plan checkout tests.

Review Focus

  • The three new scenarios are intentionally narrower than test: add mocked billing E2E coverage #13818 and match the current BillingStatusBanner permission policy.
  • API responses use generated ingest types; request capture uses PaymentPortalRequest and asserts the complete payload.
  • paused is a supported frontend status, but production emission still depends on the backend rollout; this PR validates frontend behavior only.

Validation

  • pnpm typecheck
  • pnpm typecheck:browser
  • pre-commit oxfmt, type-aware oxlint, ESLint, and typechecks
  • push hook: pnpm knip --cache
  • DISTRIBUTION=cloud DISABLE_VUE_PLUGINS=true pnpm dev --host 127.0.0.1
  • PLAYWRIGHT_TEST_URL=http://127.0.0.1:5174 pnpm exec playwright test browser_tests/tests/dialogs/billingStatusRecovery.spec.ts --project=cloud --workers=13 passed
  • pnpm exec playwright test browser_tests/tests/dialogs/billingStatusRecovery.spec.ts --project=cloud --list3 uniquely traced tests collected

External/manual-only boundaries

  • Stripe/3DS hosted-page completion and invoice contents are provider-owned; browser tests stop at exact request + navigation/pending-operation contracts.
  • Backend emission of paused, provider webhooks, and cross-service status propagation require cloud integration validation.
  • Real partner-node execution, metered credit deduction, and Activity-event ingestion cross external services; deterministic frontend rendering and refresh should be mocked, while real propagation remains manual/integration coverage.

@dante01yoon
dante01yoon requested a review from a team August 4, 2026 21:25
@dosubot dosubot Bot added the size:M This PR changes 30-99 lines, ignoring generated files. label Aug 4, 2026
@dosubot

dosubot Bot commented Aug 4, 2026

Copy link
Copy Markdown

📄 Knowledge review

Dosu skipped reviewing this PR because your organization has used its 200 included credits for the month. Your usage will reset on 2026-09-01. To have Dosu review this PR before then, ask your organization admin to upgrade to a pro account.


Leave Feedback Ask Dosu about ComfyUI_frontend Add Dosu to your team

@github-actions

github-actions Bot commented Aug 4, 2026

Copy link
Copy Markdown

🎭 Playwright: ✅ 1832 passed, 0 failed · 1 flaky

📊 Browser Reports
  • chromium: View Report (✅ 1811 / ❌ 0 / ⚠️ 1 / ⏭️ 5)
  • chromium-2x: View Report (✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0)
  • chromium-0.5x: View Report (✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0)
  • mobile-chrome: View Report (✅ 18 / ❌ 0 / ⚠️ 0 / ⏭️ 0)

📦 Bundle: 8.86 MB gzip 🟢 -49 B

Details

Summary

  • Raw size: 37.4 MB baseline 37.4 MB — 🟢 -128 B
  • Gzip: 8.86 MB baseline 8.86 MB — 🟢 -49 B
  • Brotli: 6.19 MB baseline 6.19 MB — 🟢 -114 B
  • Bundles: 438 current • 438 baseline • 4 added / 4 removed

Category Glance
Other 🟢 -128 B (14.2 MB) · Vendor & Third-Party ⚪ 0 B (16.8 MB) · Data & Services ⚪ 0 B (3.53 MB) · Graph Workspace ⚪ 0 B (1.37 MB) · Panels & Settings ⚪ 0 B (566 kB) · Utilities & Hooks ⚪ 0 B (549 kB) · + 5 more

App Entry Points — 3.71 kB (baseline 3.71 kB) • ⚪ 0 B

Main entry bundles and manifests

File Before After Δ Raw Δ Gzip Δ Brotli
assets/index-CWSwLYJd.js (removed) 3.71 kB 🟢 -3.71 kB 🟢 -1.86 kB 🟢 -1.63 kB
assets/index-Zg_royy7.js (new) 3.71 kB 🔴 +3.71 kB 🔴 +1.86 kB 🔴 +1.61 kB

Status: 1 added / 1 removed

Graph Workspace — 1.37 MB (baseline 1.37 MB) • ⚪ 0 B

Graph editor runtime, canvas, workflow orchestration

File Before After Δ Raw Δ Gzip Δ Brotli
assets/GraphView-7IHIZLKa.js (removed) 1.36 MB 🟢 -1.36 MB 🟢 -297 kB 🟢 -224 kB
assets/GraphView-C9ZWYjmq.js (new) 1.36 MB 🔴 +1.36 MB 🔴 +297 kB 🔴 +223 kB

Status: 1 added / 1 removed / 2 unchanged

Views & Navigation — 124 kB (baseline 124 kB) • ⚪ 0 B

Top-level views, pages, and routed surfaces

Status: 17 unchanged

Panels & Settings — 566 kB (baseline 566 kB) • ⚪ 0 B

Configuration panels, inspectors, and settings screens

Status: 26 unchanged

User & Accounts — 27.5 kB (baseline 27.5 kB) • ⚪ 0 B

Authentication, profile, and account management bundles

Status: 11 unchanged

Editors & Dialogs — 125 kB (baseline 125 kB) • ⚪ 0 B

Modals, dialogs, drawers, and in-app editors

Status: 8 unchanged

UI Components — 67.1 kB (baseline 67.1 kB) • ⚪ 0 B

Reusable component library chunks

Status: 14 unchanged

Data & Services — 3.53 MB (baseline 3.53 MB) • ⚪ 0 B

Stores, services, APIs, and repositories

Status: 17 unchanged

Utilities & Hooks — 549 kB (baseline 549 kB) • ⚪ 0 B

Helpers, composables, and utility bundles

Status: 37 unchanged

Vendor & Third-Party — 16.8 MB (baseline 16.8 MB) • ⚪ 0 B

External libraries and shared vendor chunks

Status: 18 unchanged

Other — 14.2 MB (baseline 14.2 MB) • 🟢 -128 B

Bundles that do not match a named category

File Before After Δ Raw Δ Gzip Δ Brotli
assets/main-D0Jvms3f.js (removed) 45.4 kB 🟢 -45.4 kB 🟢 -13.2 kB 🟢 -11.5 kB
assets/main-DNGvPoiA.js (new) 45.4 kB 🔴 +45.4 kB 🔴 +13.2 kB 🔴 +11.4 kB
assets/CurrentUserPopoverWorkspace-3j4snmxu.js (removed) 21.9 kB 🟢 -21.9 kB 🟢 -5 kB 🟢 -4.44 kB
assets/CurrentUserPopoverWorkspace-DWIaTbJY.js (new) 21.8 kB 🔴 +21.8 kB 🔴 +4.95 kB 🔴 +4.4 kB

Status: 2 added / 2 removed / 284 unchanged

⚡ Performance Report

canvas-idle: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 67.2 MB heap
canvas-mouse-sweep: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 59.3 MB heap
canvas-zoom-sweep: · 60.0 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 60.0 MB heap
dom-widget-clipping: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 67.7 MB heap
large-graph-idle: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 72.3 MB heap
large-graph-pan: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 73.6 MB heap
large-graph-zoom: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 74.8 MB heap
legacy-node-drag: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 75.5 MB heap
minimap-idle: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 69.6 MB heap
subgraph-dom-widget-clipping: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 68.4 MB heap
subgraph-idle: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 55.8 MB heap
subgraph-mouse-sweep: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 62.7 MB heap
subgraph-transition-enter: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 141ms TBT · 92.1 MB heap
viewport-pan-sweep: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 70.2 MB heap
vue-large-graph-idle: · 56.2 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 161.9 MB heap
vue-large-graph-pan: · 55.4 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 80ms TBT · 178.9 MB heap
workflow-execution: · 60.0 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 61.5 MB heap

⚠️ 7 regressions detected

Show regressions
Metric Baseline PR (median) Δ Sig
canvas-idle: task duration 488ms 645ms +32% ⚠️ z=8.0
canvas-zoom-sweep: task duration 337ms 435ms +29% ⚠️ z=4.7
large-graph-idle: task duration 585ms 743ms +27% ⚠️ z=3.7
large-graph-pan: task duration 1008ms 1302ms +29% ⚠️ z=5.1
minimap-idle: task duration 537ms 721ms +34% ⚠️ z=4.1
subgraph-idle: task duration 460ms 590ms +28% ⚠️ z=7.0
workflow-execution: event listeners 25 73 +192% ⚠️ z=4.8
All metrics
Metric Baseline PR (median) Δ Sig
canvas-idle: avg frame time 17ms 17ms +0% z=-0.9
canvas-idle: p95 frame time 17ms 17ms -0%
canvas-idle: layout duration 0ms 0ms +0%
canvas-idle: style recalc duration 8ms 9ms +7% z=-2.5
canvas-idle: layout count 0 0 +0%
canvas-idle: style recalc count 10 9 -15% z=-4.7
canvas-idle: task duration 488ms 645ms +32% ⚠️ z=8.0
canvas-idle: script duration 9ms 13ms +39% z=-5.7
canvas-idle: TBT 0ms 0ms +0%
canvas-idle: heap used 63.9 MB 67.2 MB +5%
canvas-idle: DOM nodes -281 -283 +1% z=-239.6
canvas-idle: event listeners -183 -181 -1% z=-40.7
canvas-mouse-sweep: avg frame time 17ms 17ms -0% z=-0.9
canvas-mouse-sweep: p95 frame time 17ms 17ms -1%
canvas-mouse-sweep: layout duration 3ms 4ms +5% z=-0.3
canvas-mouse-sweep: style recalc duration 32ms 40ms +27% z=-0.8
canvas-mouse-sweep: layout count 12 12 +0%
canvas-mouse-sweep: style recalc count 72 75 +4% z=-1.6
canvas-mouse-sweep: task duration 789ms 955ms +21% z=1.5
canvas-mouse-sweep: script duration 94ms 122ms +30% z=-2.1
canvas-mouse-sweep: TBT 0ms 0ms +0%
canvas-mouse-sweep: heap used 58.8 MB 59.3 MB +1%
canvas-mouse-sweep: DOM nodes -280 -281 +0% z=-132.7
canvas-mouse-sweep: event listeners -151 -151 +0% z=-38.3
canvas-zoom-sweep: avg frame time 17ms 17ms +0% z=0.5
canvas-zoom-sweep: p95 frame time 17ms 17ms +1%
canvas-zoom-sweep: layout duration 1ms 1ms +20% z=1.7
canvas-zoom-sweep: style recalc duration 16ms 20ms +20% z=0.3
canvas-zoom-sweep: layout count 6 6 +0%
canvas-zoom-sweep: style recalc count 32 32 -2% z=0.5
canvas-zoom-sweep: task duration 337ms 435ms +29% ⚠️ z=4.7
canvas-zoom-sweep: script duration 12ms 14ms +21% z=-4.4
canvas-zoom-sweep: TBT 0ms 0ms +0%
canvas-zoom-sweep: heap used 60.0 MB 60.0 MB +0%
canvas-zoom-sweep: DOM nodes 77 76 -1% z=-4.1
canvas-zoom-sweep: event listeners 19 19 +0% z=-0.9
dom-widget-clipping: avg frame time 17ms 17ms +0% z=0.1
dom-widget-clipping: p95 frame time 17ms 17ms -1%
dom-widget-clipping: layout duration 0ms 0ms +0%
dom-widget-clipping: style recalc duration 7ms 8ms +18% z=-2.2
dom-widget-clipping: layout count 0 0 +0%
dom-widget-clipping: style recalc count 11 11 +0% z=-4.2
dom-widget-clipping: task duration 325ms 385ms +18% z=1.2
dom-widget-clipping: script duration 48ms 57ms +19% z=-3.4
dom-widget-clipping: TBT 0ms 0ms +0%
dom-widget-clipping: heap used 67.7 MB 67.7 MB -0%
dom-widget-clipping: DOM nodes 18 18 +0% z=-2.9
dom-widget-clipping: event listeners 0 2 variance too high
large-graph-idle: avg frame time 17ms 17ms +0% z=-0.2
large-graph-idle: p95 frame time 17ms 17ms +0%
large-graph-idle: layout duration 0ms 0ms +0%
large-graph-idle: style recalc duration 7ms 9ms +19% z=-3.5
large-graph-idle: layout count 0 0 +0%
large-graph-idle: style recalc count 9 8 -17% z=-13.1
large-graph-idle: task duration 585ms 743ms +27% ⚠️ z=3.7
large-graph-idle: script duration 16ms 19ms +20% z=-7.9
large-graph-idle: TBT 0ms 0ms +0%
large-graph-idle: heap used 60.9 MB 72.3 MB +19%
large-graph-idle: DOM nodes -280 -268 -4% z=-323.8
large-graph-idle: event listeners -179 -148 -17% z=-28.6
large-graph-pan: avg frame time 17ms 17ms +0% z=0.3
large-graph-pan: p95 frame time 17ms 17ms +0%
large-graph-pan: layout duration 0ms 0ms +0%
large-graph-pan: style recalc duration 13ms 16ms +17% z=-1.9
large-graph-pan: layout count 0 0 +0%
large-graph-pan: style recalc count 68 69 +1% z=-0.9
large-graph-pan: task duration 1008ms 1302ms +29% ⚠️ z=5.1
large-graph-pan: script duration 271ms 352ms +30% z=-2.8
large-graph-pan: TBT 0ms 0ms +0%
large-graph-pan: heap used 73.3 MB 73.6 MB +0%
large-graph-pan: DOM nodes -264 -278 +5% z=-180.0
large-graph-pan: event listeners -147 -165 +12% z=-205.2
large-graph-zoom: avg frame time 17ms 17ms -0%
large-graph-zoom: p95 frame time 17ms 17ms -1%
large-graph-zoom: layout duration 8ms 8ms +1%
large-graph-zoom: style recalc duration 13ms 12ms -13%
large-graph-zoom: layout count 60 60 +0%
large-graph-zoom: style recalc count 63 62 -2%
large-graph-zoom: task duration 1190ms 1439ms +21%
large-graph-zoom: script duration 331ms 403ms +22%
large-graph-zoom: TBT 0ms 0ms +0%
large-graph-zoom: heap used 73.4 MB 74.8 MB +2%
large-graph-zoom: DOM nodes -264 3 -101%
large-graph-zoom: event listeners -145 8 -106%
legacy-node-drag: avg frame time 17ms 17ms -0%
legacy-node-drag: p95 frame time 17ms 17ms +0%
legacy-node-drag: layout duration 0ms 0ms +0%
legacy-node-drag: style recalc duration 11ms 11ms +6%
legacy-node-drag: layout count 0 0 +0%
legacy-node-drag: style recalc count 48 47 -3%
legacy-node-drag: task duration 1267ms 1581ms +25%
legacy-node-drag: script duration 397ms 499ms +26%
legacy-node-drag: TBT 0ms 0ms +0%
legacy-node-drag: heap used 82.3 MB 75.5 MB -8%
legacy-node-drag: DOM nodes 16 -117 -828%
legacy-node-drag: event listeners 186 109 -42%
minimap-idle: avg frame time 17ms 17ms -0% z=-0.4
minimap-idle: p95 frame time 17ms 17ms +0%
minimap-idle: layout duration 0ms 0ms +0%
minimap-idle: style recalc duration 7ms 6ms -6% z=-4.2
minimap-idle: layout count 0 0 +0%
minimap-idle: style recalc count 9 6 -33% z=-5.2
minimap-idle: task duration 537ms 721ms +34% ⚠️ z=4.1
minimap-idle: script duration 15ms 18ms +26% z=-8.1
minimap-idle: TBT 0ms 0ms +0%
minimap-idle: heap used 65.3 MB 69.6 MB +7%
minimap-idle: DOM nodes -282 -277 -2% z=-216.2
minimap-idle: event listeners -177 -165 -7% z=-256.8
subgraph-dom-widget-clipping: avg frame time 17ms 17ms -0% z=-0.9
subgraph-dom-widget-clipping: p95 frame time 17ms 17ms -1%
subgraph-dom-widget-clipping: layout duration 0ms 0ms +0%
subgraph-dom-widget-clipping: style recalc duration 10ms 11ms +13% z=-1.8
subgraph-dom-widget-clipping: layout count 0 0 +0%
subgraph-dom-widget-clipping: style recalc count 47 46 -2% z=-3.3
subgraph-dom-widget-clipping: task duration 338ms 411ms +22% z=1.8
subgraph-dom-widget-clipping: script duration 102ms 121ms +19% z=-1.2
subgraph-dom-widget-clipping: TBT 0ms 0ms +0%
subgraph-dom-widget-clipping: heap used 68.3 MB 68.4 MB +0%
subgraph-dom-widget-clipping: DOM nodes 20 18 -10% z=-3.7
subgraph-dom-widget-clipping: event listeners 8 7 -13% z=-1.6
subgraph-idle: avg frame time 17ms 17ms +0% z=0.4
subgraph-idle: p95 frame time 17ms 17ms +0%
subgraph-idle: layout duration 0ms 0ms +0%
subgraph-idle: style recalc duration 8ms 9ms +20% z=-1.2
subgraph-idle: layout count 0 0 +0%
subgraph-idle: style recalc count 10 9 -15% z=-3.7
subgraph-idle: task duration 460ms 590ms +28% ⚠️ z=7.0
subgraph-idle: script duration 9ms 10ms +17% z=-3.8
subgraph-idle: TBT 0ms 0ms +0%
subgraph-idle: heap used 56.5 MB 55.8 MB -1%
subgraph-idle: DOM nodes -280 -282 +1% z=-203.2
subgraph-idle: event listeners -151 -151 +0% variance too high
subgraph-mouse-sweep: avg frame time 17ms 17ms +0% z=0.8
subgraph-mouse-sweep: p95 frame time 17ms 17ms -0%
subgraph-mouse-sweep: layout duration 4ms 5ms +13% z=-0.1
subgraph-mouse-sweep: style recalc duration 32ms 38ms +16% z=-1.4
subgraph-mouse-sweep: layout count 16 16 +0%
subgraph-mouse-sweep: style recalc count 75 75 -1% z=-2.9
subgraph-mouse-sweep: task duration 707ms 867ms +23% z=1.5
subgraph-mouse-sweep: script duration 77ms 96ms +24% z=-0.7
subgraph-mouse-sweep: TBT 0ms 0ms +0%
subgraph-mouse-sweep: heap used 57.1 MB 62.7 MB +10%
subgraph-mouse-sweep: DOM nodes -281 -281 +0% z=-155.7
subgraph-mouse-sweep: event listeners -151 -167 +11% variance too high
subgraph-transition-enter: avg frame time 17ms 17ms -0%
subgraph-transition-enter: p95 frame time 17ms 17ms +0%
subgraph-transition-enter: layout duration 11ms 15ms +36%
subgraph-transition-enter: style recalc duration 26ms 33ms +26%
subgraph-transition-enter: layout count 15 14 -7%
subgraph-transition-enter: style recalc count 20 19 -5%
subgraph-transition-enter: task duration 837ms 1004ms +20%
subgraph-transition-enter: script duration 16ms 19ms +19%
subgraph-transition-enter: TBT 90ms 141ms +57%
subgraph-transition-enter: heap used 86.6 MB 92.1 MB +6%
subgraph-transition-enter: DOM nodes 13673 13673 +0%
subgraph-transition-enter: event listeners 2373 2375 +0%
viewport-pan-sweep: avg frame time 17ms 17ms +0%
viewport-pan-sweep: p95 frame time 17ms 17ms +0%
viewport-pan-sweep: layout duration 0ms 0ms +0%
viewport-pan-sweep: style recalc duration 41ms 39ms -5%
viewport-pan-sweep: layout count 0 0 +0%
viewport-pan-sweep: style recalc count 250 250 +0%
viewport-pan-sweep: task duration 3646ms 4557ms +25%
viewport-pan-sweep: script duration 873ms 1085ms +24%
viewport-pan-sweep: TBT 0ms 0ms +0%
viewport-pan-sweep: heap used 77.8 MB 70.2 MB -10%
viewport-pan-sweep: DOM nodes -272 -272 -0%
viewport-pan-sweep: event listeners -133 -147 +11%
vue-large-graph-idle: avg frame time 18ms 18ms +0%
vue-large-graph-idle: p95 frame time 17ms 17ms +0%
vue-large-graph-idle: layout duration 0ms 0ms +0%
vue-large-graph-idle: style recalc duration 0ms 0ms +0%
vue-large-graph-idle: layout count 0 0 +0%
vue-large-graph-idle: style recalc count 0 0 +0%
vue-large-graph-idle: task duration 14741ms 17013ms +15%
vue-large-graph-idle: script duration 112ms 127ms +14%
vue-large-graph-idle: TBT 0ms 0ms +0%
vue-large-graph-idle: heap used 168.2 MB 161.9 MB -4%
vue-large-graph-idle: DOM nodes -8312 -8312 +0%
vue-large-graph-idle: event listeners -16391 -16387 -0%
vue-large-graph-pan: avg frame time 18ms 18ms +2%
vue-large-graph-pan: p95 frame time 17ms 17ms +0%
vue-large-graph-pan: layout duration 0ms 0ms +0%
vue-large-graph-pan: style recalc duration 16ms 21ms +33%
vue-large-graph-pan: layout count 0 0 +0%
vue-large-graph-pan: style recalc count 140 175 +25%
vue-large-graph-pan: task duration 17197ms 20735ms +21%
vue-large-graph-pan: script duration 347ms 419ms +21%
vue-large-graph-pan: TBT 13ms 80ms +512%
vue-large-graph-pan: heap used 182.3 MB 178.9 MB -2%
vue-large-graph-pan: DOM nodes -8312 -8312 +0%
vue-large-graph-pan: event listeners -16385 -16383 -0%
workflow-execution: avg frame time 17ms 17ms -0% z=0.6
workflow-execution: p95 frame time 17ms 17ms +1%
workflow-execution: layout duration 1ms 1ms -2% z=-3.7
workflow-execution: style recalc duration 12ms 18ms +49% z=-2.7
workflow-execution: layout count 3 4 +17% z=-2.7
workflow-execution: style recalc count 6 10 +67% z=-3.8
workflow-execution: task duration 65ms 96ms +48% z=-2.5
workflow-execution: script duration 5ms 7ms +41% z=-7.5
workflow-execution: TBT 0ms 0ms +0%
workflow-execution: heap used 60.7 MB 61.5 MB +1%
workflow-execution: DOM nodes 124 118 -5% z=-6.1
workflow-execution: event listeners 25 73 +192% ⚠️ z=4.8
Historical variance (last 15 runs)
Metric μ σ CV
canvas-idle: avg frame time 17ms 0ms 0.0%
canvas-idle: layout duration 0ms 0ms 0.0%
canvas-idle: style recalc duration 11ms 1ms 8.2%
canvas-idle: layout count 0 0 0.0%
canvas-idle: style recalc count 11 1 5.0%
canvas-idle: task duration 395ms 31ms 7.9%
canvas-idle: script duration 25ms 2ms 8.8%
canvas-idle: TBT 0ms 0ms 0.0%
canvas-idle: DOM nodes 23 1 5.6%
canvas-idle: event listeners 12 5 40.9%
canvas-mouse-sweep: avg frame time 17ms 0ms 0.0%
canvas-mouse-sweep: layout duration 4ms 0ms 5.4%
canvas-mouse-sweep: style recalc duration 43ms 3ms 7.4%
canvas-mouse-sweep: layout count 12 0 0.0%
canvas-mouse-sweep: style recalc count 79 2 3.0%
canvas-mouse-sweep: task duration 865ms 58ms 6.7%
canvas-mouse-sweep: script duration 136ms 6ms 4.8%
canvas-mouse-sweep: TBT 0ms 0ms 0.0%
canvas-mouse-sweep: DOM nodes 62 3 4.2%
canvas-mouse-sweep: event listeners 8 4 49.4%
canvas-zoom-sweep: avg frame time 17ms 0ms 0.0%
canvas-zoom-sweep: layout duration 1ms 0ms 7.0%
canvas-zoom-sweep: style recalc duration 19ms 2ms 8.0%
canvas-zoom-sweep: layout count 6 0 0.0%
canvas-zoom-sweep: style recalc count 31 0 1.5%
canvas-zoom-sweep: task duration 327ms 23ms 7.1%
canvas-zoom-sweep: script duration 27ms 3ms 11.1%
canvas-zoom-sweep: TBT 0ms 0ms 0.0%
canvas-zoom-sweep: DOM nodes 79 1 1.0%
canvas-zoom-sweep: event listeners 24 5 21.8%
dom-widget-clipping: avg frame time 17ms 0ms 0.0%
dom-widget-clipping: layout duration 0ms 0ms 0.0%
dom-widget-clipping: style recalc duration 10ms 1ms 8.0%
dom-widget-clipping: layout count 0 0 0.0%
dom-widget-clipping: style recalc count 13 0 3.8%
dom-widget-clipping: task duration 365ms 16ms 4.5%
dom-widget-clipping: script duration 68ms 3ms 4.8%
dom-widget-clipping: TBT 0ms 0ms 0.0%
dom-widget-clipping: DOM nodes 22 1 6.4%
dom-widget-clipping: event listeners 8 6 81.2%
large-graph-idle: avg frame time 17ms 0ms 0.0%
large-graph-idle: layout duration 0ms 0ms 0.0%
large-graph-idle: style recalc duration 12ms 1ms 8.6%
large-graph-idle: layout count 0 0 0.0%
large-graph-idle: style recalc count 12 0 2.7%
large-graph-idle: task duration 542ms 54ms 10.0%
large-graph-idle: script duration 102ms 11ms 10.3%
large-graph-idle: TBT 0ms 0ms 0.0%
large-graph-idle: DOM nodes 25 1 3.7%
large-graph-idle: event listeners 26 6 23.2%
large-graph-pan: avg frame time 17ms 0ms 0.0%
large-graph-pan: layout duration 0ms 0ms 0.0%
large-graph-pan: style recalc duration 17ms 1ms 4.6%
large-graph-pan: layout count 0 0 0.0%
large-graph-pan: style recalc count 70 1 0.9%
large-graph-pan: task duration 1082ms 43ms 4.0%
large-graph-pan: script duration 408ms 20ms 4.8%
large-graph-pan: TBT 0ms 0ms 0.0%
large-graph-pan: DOM nodes 19 2 8.7%
large-graph-pan: event listeners 5 1 16.8%
minimap-idle: avg frame time 17ms 0ms 0.0%
minimap-idle: layout duration 0ms 0ms 0.0%
minimap-idle: style recalc duration 10ms 1ms 8.6%
minimap-idle: layout count 0 0 0.0%
minimap-idle: style recalc count 10 1 7.1%
minimap-idle: task duration 527ms 47ms 9.0%
minimap-idle: script duration 98ms 10ms 10.1%
minimap-idle: TBT 0ms 0ms 0.0%
minimap-idle: DOM nodes 19 1 7.1%
minimap-idle: event listeners 5 1 14.4%
subgraph-dom-widget-clipping: avg frame time 17ms 0ms 0.0%
subgraph-dom-widget-clipping: layout duration 0ms 0ms 0.0%
subgraph-dom-widget-clipping: style recalc duration 13ms 1ms 7.4%
subgraph-dom-widget-clipping: layout count 0 0 0.0%
subgraph-dom-widget-clipping: style recalc count 48 1 1.2%
subgraph-dom-widget-clipping: task duration 378ms 18ms 4.9%
subgraph-dom-widget-clipping: script duration 128ms 6ms 4.9%
subgraph-dom-widget-clipping: TBT 0ms 0ms 0.0%
subgraph-dom-widget-clipping: DOM nodes 22 1 5.0%
subgraph-dom-widget-clipping: event listeners 16 6 36.0%
subgraph-idle: avg frame time 17ms 0ms 0.0%
subgraph-idle: layout duration 0ms 0ms 0.0%
subgraph-idle: style recalc duration 10ms 1ms 7.5%
subgraph-idle: layout count 0 0 0.0%
subgraph-idle: style recalc count 11 1 6.0%
subgraph-idle: task duration 370ms 31ms 8.5%
subgraph-idle: script duration 20ms 3ms 13.2%
subgraph-idle: TBT 0ms 0ms 0.0%
subgraph-idle: DOM nodes 22 1 6.9%
subgraph-idle: event listeners 10 7 64.5%
subgraph-mouse-sweep: avg frame time 17ms 0ms 0.0%
subgraph-mouse-sweep: layout duration 5ms 0ms 6.8%
subgraph-mouse-sweep: style recalc duration 42ms 3ms 7.8%
subgraph-mouse-sweep: layout count 16 0 0.0%
subgraph-mouse-sweep: style recalc count 80 2 2.4%
subgraph-mouse-sweep: task duration 766ms 69ms 9.0%
subgraph-mouse-sweep: script duration 101ms 7ms 6.5%
subgraph-mouse-sweep: TBT 0ms 0ms 0.0%
subgraph-mouse-sweep: DOM nodes 67 2 3.3%
subgraph-mouse-sweep: event listeners 8 4 52.6%
workflow-execution: avg frame time 17ms 0ms 0.0%
workflow-execution: layout duration 2ms 0ms 9.4%
workflow-execution: style recalc duration 24ms 2ms 9.1%
workflow-execution: layout count 5 1 11.0%
workflow-execution: style recalc count 18 2 11.5%
workflow-execution: task duration 123ms 11ms 8.8%
workflow-execution: script duration 29ms 3ms 10.2%
workflow-execution: TBT 0ms 0ms 0.0%
workflow-execution: DOM nodes 161 7 4.4%
workflow-execution: event listeners 52 4 8.4%
Trend (last 15 commits on main)
Metric Trend Dir Latest
canvas-idle: avg frame time ▆▃▆▁▆▃▆█▆▆▄▃▃▄▃ ➡️ 17ms
canvas-idle: p95 frame time ➡️ NaNms
canvas-idle: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
canvas-idle: style recalc duration ▇▇▆▆▃█▄▃▄▃▇▄▁▆▇ ➡️ 11ms
canvas-idle: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
canvas-idle: style recalc count █▃▅▂▅▆▃▁▂▁▂▅▆▅▆ ➡️ 12
canvas-idle: task duration ▃▃▃▆▂▃▃▅▆▂█▃▁▃▃ ➡️ 391ms
canvas-idle: script duration ▄▃▅▇▂▅▃▆▇▅█▄▁▅▆ ➡️ 27ms
canvas-idle: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
canvas-idle: heap used ➡️ NaN MB
canvas-idle: DOM nodes █▇▆▅▃▇▃▁▂▂▅▆▆▆▇ ➡️ 24
canvas-idle: event listeners ▅█▅▄▁▅▁▁▁▄▅▅▁▅▄ 📉 11
canvas-mouse-sweep: avg frame time ▆█▆▃▁▃▁▆▆▁▃▆▆▃▃ ➡️ 17ms
canvas-mouse-sweep: p95 frame time ➡️ NaNms
canvas-mouse-sweep: layout duration ▁▃▂▄▁▂▁▃▆▂█▇▆▄▃ ➡️ 4ms
canvas-mouse-sweep: style recalc duration ▄▄▂▄▁▂▃▃▅▄█▆▂▄▄ ➡️ 43ms
canvas-mouse-sweep: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 12
canvas-mouse-sweep: style recalc count █▅▄▃▂▂▁▄▄▅▆▅▂▇▄ ➡️ 79
canvas-mouse-sweep: task duration █▆▄▂▂▃▂▄▄▅█▆▁▆▄ ➡️ 868ms
canvas-mouse-sweep: script duration ▄▅▄▆▄▆▆▆▅▅█▆▁▅▆ ➡️ 139ms
canvas-mouse-sweep: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
canvas-mouse-sweep: heap used ➡️ NaN MB
canvas-mouse-sweep: DOM nodes █▅▃▃▁▂▂▃▂▄▆▅▃▅▅ ➡️ 64
canvas-mouse-sweep: event listeners █▁▁▁▁▁▇▁▁▁██▇▁█ 📈 13
canvas-zoom-sweep: avg frame time ▅▅█▄▅▁▁▁▅▁▁▅▄▅▁ ➡️ 17ms
canvas-zoom-sweep: p95 frame time ➡️ NaNms
canvas-zoom-sweep: layout duration ▆▅▅▄▁▁█▅▃▅▇▆▁▂▆ ➡️ 1ms
canvas-zoom-sweep: style recalc duration ▆▅▄▆▅▃█▆▇▅▇▄▁▃▅ ➡️ 20ms
canvas-zoom-sweep: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 6
canvas-zoom-sweep: style recalc count ▁▁▃▄▆▃▆█▄▄▆▁▆▁▆ ➡️ 32
canvas-zoom-sweep: task duration ▄▂▁▇▂▂▄▅▆▃█▄▁▁▅ ➡️ 338ms
canvas-zoom-sweep: script duration ▃▃▂▇▂▂▅▇▆▅█▄▁▂▆ ➡️ 30ms
canvas-zoom-sweep: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
canvas-zoom-sweep: heap used ➡️ NaN MB
canvas-zoom-sweep: DOM nodes ▄▃▁▅█▁▃▆▄▅▅▃▃▄▃ ➡️ 79
canvas-zoom-sweep: event listeners ▁▁▂▅█▂▁▅▁▅▅▄▁▅▁ ➡️ 19
dom-widget-clipping: avg frame time ▂▄▅▅▂▄█▇▅▇▇▅▅▁▇ ➡️ 17ms
dom-widget-clipping: p95 frame time ➡️ NaNms
dom-widget-clipping: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
dom-widget-clipping: style recalc duration ▆▆▂▆▄▃██▄▁▆▇▆▃▅ ➡️ 10ms
dom-widget-clipping: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
dom-widget-clipping: style recalc count ▇█▅█▅▄█▇▇▁▇▄▇▂▅ ➡️ 13
dom-widget-clipping: task duration ▃▃▁▅▄▃▅▆▅▂▇█▁▅▅ ➡️ 371ms
dom-widget-clipping: script duration ▅▄▄▆▆▅▇▇▆▃█▇▁▇▇ ➡️ 71ms
dom-widget-clipping: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
dom-widget-clipping: heap used ➡️ NaN MB
dom-widget-clipping: DOM nodes ▇▇▄▇▅▄█▇▅▁▅▄▇▃▄ ➡️ 21
dom-widget-clipping: event listeners ▅▅▅▅▁▅██▁▁▁▁█▁▁ 📉 2
large-graph-idle: avg frame time ▅▅▅▅▅▂▁▂▄▅▄▂▂▅█ ➡️ 17ms
large-graph-idle: p95 frame time ➡️ NaNms
large-graph-idle: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
large-graph-idle: style recalc duration ▅▅▅▆▄▅▃▄▅▅▆█▁▄▆ ➡️ 13ms
large-graph-idle: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
large-graph-idle: style recalc count █▆█▃▃▁▃▆▃▆▆▃▆██ ➡️ 12
large-graph-idle: task duration ▂▃▂▆▂▃▃▇▅▃██▁▂▅ ➡️ 569ms
large-graph-idle: script duration ▄▅▄▆▄▅▅▇▆▅█▆▁▃▆ ➡️ 110ms
large-graph-idle: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
large-graph-idle: heap used ➡️ NaN MB
large-graph-idle: DOM nodes ▆█▅▂▅▃▁▂▃▅▅▆▂▆▅ ➡️ 25
large-graph-idle: event listeners ███▇██▄▁▄▇▇█▂█▇ ➡️ 29
large-graph-pan: avg frame time ▆▃▃▆█▃▁█▆▆▆▆█▁▆ ➡️ 17ms
large-graph-pan: p95 frame time ➡️ NaNms
large-graph-pan: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
large-graph-pan: style recalc duration ▃▂▄▄▁▅▂▂▁▄▄█▃▁▂ ➡️ 17ms
large-graph-pan: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
large-graph-pan: style recalc count ▆▃█▂▃▂▂▂▁▇▅▃█▆▃ ➡️ 69
large-graph-pan: task duration ▄▃▄▆▄▄▄▆▄▄█▆▁▂▅ ➡️ 1100ms
large-graph-pan: script duration ▅▄▅▆▆▅▄▆▄▅█▄▁▄▅ ➡️ 413ms
large-graph-pan: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
large-graph-pan: heap used ➡️ NaN MB
large-graph-pan: DOM nodes ▅▃▆▂▄▁▃▁▁▅▁▂█▅▂ ➡️ 18
large-graph-pan: event listeners █▆█▁▁▆▁▁▃▆▁▃██▃ ➡️ 5
minimap-idle: avg frame time ▃▆▆▃█▁█▆▆▃▃▆█▆█ ➡️ 17ms
minimap-idle: p95 frame time ➡️ NaNms
minimap-idle: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
minimap-idle: style recalc duration ▄█▁█▅▅█▅▅▃▅▁▁▄▆ ➡️ 10ms
minimap-idle: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
minimap-idle: style recalc count ▃▅▂▄█▃▆▁▂▅▂▁▅▆▃ ➡️ 9
minimap-idle: task duration ▃▄▁▅▁▃▄▅▇▃█▅▁▁▅ ➡️ 547ms
minimap-idle: script duration ▄▆▃▇▃▅▆▆▇▅█▅▁▃▆ ➡️ 106ms
minimap-idle: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
minimap-idle: heap used ➡️ NaN MB
minimap-idle: DOM nodes ▃▅▂▄█▃▆▁▂▅▂▁▅▆▃ ➡️ 19
minimap-idle: event listeners ▃▃▆▁▁▁▃▁▁▆▁▃█▆▁ ➡️ 4
subgraph-dom-widget-clipping: avg frame time ▅▄▄▄▄▄█▄▄▄▃▁▆▃▃ ➡️ 17ms
subgraph-dom-widget-clipping: p95 frame time ➡️ NaNms
subgraph-dom-widget-clipping: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-dom-widget-clipping: style recalc duration ▂▄▃▅▅▃▂▅▇▃▄█▁▄▆ ➡️ 14ms
subgraph-dom-widget-clipping: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
subgraph-dom-widget-clipping: style recalc count ▇█▆▃▆▃▁▆█▇▃▆▇█▅ ➡️ 48
subgraph-dom-widget-clipping: task duration ▂▃▃▆▅▅▂▅█▂▆█▁▂▇ ➡️ 398ms
subgraph-dom-widget-clipping: script duration ▃▃▃▄▅▅▂▄█▂▅▇▁▂▅ ➡️ 131ms
subgraph-dom-widget-clipping: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-dom-widget-clipping: heap used ➡️ NaN MB
subgraph-dom-widget-clipping: DOM nodes ▅▇▅▂▅▂▁▅▅▅▁▇▅█▄ ➡️ 22
subgraph-dom-widget-clipping: event listeners ▅▅▅▂▅▁▅██▁▁█▅█▅ 📈 16
subgraph-idle: avg frame time ▆▆█▁▆▃▆▆▆▃▆▁▃▆█ ➡️ 17ms
subgraph-idle: p95 frame time ➡️ NaNms
subgraph-idle: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-idle: style recalc duration ▁▇▃▆▂▄▂▃▃▆▆▄▃▇█ ➡️ 12ms
subgraph-idle: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
subgraph-idle: style recalc count ▃▆▃▃▂▅▁▂▁▆▃▃██▇ ➡️ 12
subgraph-idle: task duration ▁▃▁▇▁▁▃▆▅▂█▅▁▁▄ ➡️ 378ms
subgraph-idle: script duration ▁▃▂▇▁▂▃▇▆▂█▅▂▁▅ ➡️ 22ms
subgraph-idle: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-idle: heap used ➡️ NaN MB
subgraph-idle: DOM nodes ▃▅▃▂▁▄▁▂▁▅▃▂▇█▇ ➡️ 24
subgraph-idle: event listeners ▁▅▁▁▁▁▁▁▁▅▄▁███ 📈 21
subgraph-mouse-sweep: avg frame time ▅▄▁▃▃▄▆▄▆▃▃█▁▃▃ ➡️ 17ms
subgraph-mouse-sweep: p95 frame time ➡️ NaNms
subgraph-mouse-sweep: layout duration ▁▄▄▄▃▃▅▅▅▂█▇▂▃▆ ➡️ 5ms
subgraph-mouse-sweep: style recalc duration ▃▂▄▅▂▃▄▅█▃█▆▁▂▅ ➡️ 43ms
subgraph-mouse-sweep: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 16
subgraph-mouse-sweep: style recalc count ▅▂▅▅▁▄▃▅█▅▆▄▂▄▅ ➡️ 81
subgraph-mouse-sweep: task duration ▃▂▄▅▂▄▄▅▇▄█▆▁▃▅ ➡️ 785ms
subgraph-mouse-sweep: script duration ▄▅▄▇▅▅▆▇▆▅██▁▄▆ ➡️ 105ms
subgraph-mouse-sweep: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-mouse-sweep: heap used ➡️ NaN MB
subgraph-mouse-sweep: DOM nodes ▅▁▄▅▁▄▃▃█▅▅▄▂▅▃ ➡️ 66
subgraph-mouse-sweep: event listeners ▇▁▂▇▁▂▂▂█▇▂▂▇▇▂ 📈 5
workflow-execution: avg frame time ▆▆▆▄▆▆▃▄▁▄█▆▅▄▆ ➡️ 17ms
workflow-execution: p95 frame time ➡️ NaNms
workflow-execution: layout duration ▁▆▁▃▂▄▃▂▃▃▅█▄▂▅ ➡️ 2ms
workflow-execution: style recalc duration ▃▇▅▇▁▅▆▇█▁██▂▄▆ ➡️ 25ms
workflow-execution: layout count ▁█▂▃▂▃▃▁▃▃▄▃▂▃▂ ➡️ 5
workflow-execution: style recalc count ▃█▅▇▁▄▅▆▅▅▅▅▄▄▂ ➡️ 15
workflow-execution: task duration ▂▅▄▅▁▄▆▆▆▁▇█▁▃▃ ➡️ 120ms
workflow-execution: script duration ▄▃▄▄▃▅▄▅▆▂▇█▁▃▄ ➡️ 29ms
workflow-execution: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
workflow-execution: heap used ➡️ NaN MB
workflow-execution: DOM nodes ▂█▃▆▁▄▃▅▃█▃▃▄▃▁ ➡️ 152
workflow-execution: event listeners ▅███▁▅███▁██▅█▅ ➡️ 49
Raw data
{
  "timestamp": "2026-08-19T02:02:25.755Z",
  "gitSha": "c17af7ee2a3a91a473e9dce6f21a3fd35721b47b",
  "branch": "dante01yoon/test-billing-e2e-matrix",
  "measurements": [
    {
      "name": "canvas-idle",
      "durationMs": 2163.240999999971,
      "styleRecalcs": 9,
      "styleRecalcDurationMs": 9.086999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 715.505,
      "heapDeltaBytes": 7999404,
      "heapUsedBytes": 69503880,
      "domNodes": -283,
      "jsHeapTotalBytes": 4710400,
      "scriptDurationMs": 13.619000000000003,
      "eventListeners": -181,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "canvas-idle",
      "durationMs": 2063.3439999999155,
      "styleRecalcs": 8,
      "styleRecalcDurationMs": 8.019000000000002,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 574.167,
      "heapDeltaBytes": 10812344,
      "heapUsedBytes": 71396076,
      "domNodes": -283,
      "jsHeapTotalBytes": 4710400,
      "scriptDurationMs": 11.614000000000003,
      "eventListeners": -181,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 1883.5369999999898,
      "styleRecalcs": 74,
      "styleRecalcDurationMs": 39.172,
      "layouts": 12,
      "layoutDurationMs": 3.3310000000000004,
      "taskDurationMs": 965.0519999999999,
      "heapDeltaBytes": 1087904,
      "heapUsedBytes": 61648168,
      "domNodes": -282,
      "jsHeapTotalBytes": 4448256,
      "scriptDurationMs": 124.837,
      "eventListeners": -153,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 1910.3090000000975,
      "styleRecalcs": 76,
      "styleRecalcDurationMs": 41.09,
      "layouts": 12,
      "layoutDurationMs": 3.778,
      "taskDurationMs": 944.9309999999999,
      "heapDeltaBytes": 2032392,
      "heapUsedBytes": 62717388,
      "domNodes": -280,
      "jsHeapTotalBytes": 4710400,
      "scriptDurationMs": 119.475,
      "eventListeners": -149,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1690.8039999999573,
      "styleRecalcs": 32,
      "styleRecalcDurationMs": 19.840999999999998,
      "layouts": 6,
      "layoutDurationMs": 0.6849999999999998,
      "taskDurationMs": 427.5490000000001,
      "heapDeltaBytes": 2809560,
      "heapUsedBytes": 62970996,
      "domNodes": 77,
      "jsHeapTotalBytes": 4980736,
      "scriptDurationMs": 13.361999999999998,
      "eventListeners": 19,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.670000000000012,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1729.64300000001,
      "styleRecalcs": 31,
      "styleRecalcDurationMs": 19.261999999999997,
      "layouts": 6,
      "layoutDurationMs": 0.7509999999999999,
      "taskDurationMs": 442.172,
      "heapDeltaBytes": 2717176,
      "heapUsedBytes": 62884568,
      "domNodes": 75,
      "jsHeapTotalBytes": 4718592,
      "scriptDurationMs": 14.564,
      "eventListeners": 19,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 596.5260000000399,
      "styleRecalcs": 11,
      "styleRecalcDurationMs": 7.962000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 380.394,
      "heapDeltaBytes": 10705012,
      "heapUsedBytes": 71227896,
      "domNodes": 18,
      "jsHeapTotalBytes": 5505024,
      "scriptDurationMs": 55.81499999999999,
      "eventListeners": 2,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 591.2390000000869,
      "styleRecalcs": 11,
      "styleRecalcDurationMs": 8.242,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 389.47600000000006,
      "heapDeltaBytes": 10390748,
      "heapUsedBytes": 70754044,
      "domNodes": 18,
      "jsHeapTotalBytes": 4456448,
      "scriptDurationMs": 57.623,
      "eventListeners": 2,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2069.5240000000013,
      "styleRecalcs": 8,
      "styleRecalcDurationMs": 8.038,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 760.807,
      "heapDeltaBytes": 674536,
      "heapUsedBytes": 75303124,
      "domNodes": -268,
      "jsHeapTotalBytes": -1314816,
      "scriptDurationMs": 18.674000000000003,
      "eventListeners": -147,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2056.3929999999573,
      "styleRecalcs": 7,
      "styleRecalcDurationMs": 9.090000000000002,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 724.8269999999999,
      "heapDeltaBytes": 1447068,
      "heapUsedBytes": 76385064,
      "domNodes": -268,
      "jsHeapTotalBytes": -2363392,
      "scriptDurationMs": 19.794,
      "eventListeners": -149,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2295.5910000000017,
      "styleRecalcs": 69,
      "styleRecalcDurationMs": 15.862999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1302.78,
      "heapDeltaBytes": 9791204,
      "heapUsedBytes": 85629520,
      "domNodes": -282,
      "jsHeapTotalBytes": 4939776,
      "scriptDurationMs": 353.34499999999997,
      "eventListeners": -181,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2285.084999999981,
      "styleRecalcs": 69,
      "styleRecalcDurationMs": 15.723999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1300.388,
      "heapDeltaBytes": -6645296,
      "heapUsedBytes": 68749992,
      "domNodes": -274,
      "jsHeapTotalBytes": 221184,
      "scriptDurationMs": 351.55699999999996,
      "eventListeners": -149,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3272.4420000000123,
      "styleRecalcs": 61,
      "styleRecalcDurationMs": 11.163999999999996,
      "layouts": 60,
      "layoutDurationMs": 7.671,
      "taskDurationMs": 1427.31,
      "heapDeltaBytes": 15588100,
      "heapUsedBytes": 78504700,
      "domNodes": 2,
      "jsHeapTotalBytes": 0,
      "scriptDurationMs": 403.457,
      "eventListeners": 8,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666696,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3303.2579999999143,
      "styleRecalcs": 62,
      "styleRecalcDurationMs": 12.324999999999996,
      "layouts": 60,
      "layoutDurationMs": 7.566000000000001,
      "taskDurationMs": 1450.232,
      "heapDeltaBytes": 15620040,
      "heapUsedBytes": 78400268,
      "domNodes": 4,
      "jsHeapTotalBytes": 0,
      "scriptDurationMs": 402.02700000000004,
      "eventListeners": 8,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "legacy-node-drag",
      "durationMs": 2514.2040000000065,
      "styleRecalcs": 47,
      "styleRecalcDurationMs": 11.789000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1547.403,
      "heapDeltaBytes": 12525848,
      "heapUsedBytes": 95588612,
      "domNodes": 14,
      "jsHeapTotalBytes": 8650752,
      "scriptDurationMs": 494.18499999999995,
      "eventListeners": 186,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "legacy-node-drag",
      "durationMs": 2713.5729999999967,
      "styleRecalcs": 46,
      "styleRecalcDurationMs": 10.909000000000002,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1614.12,
      "heapDeltaBytes": -20267072,
      "heapUsedBytes": 62758136,
      "domNodes": -247,
      "jsHeapTotalBytes": 6881280,
      "scriptDurationMs": 504.24,
      "eventListeners": 31,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "minimap-idle",
      "durationMs": 2041.8419999999742,
      "styleRecalcs": 8,
      "styleRecalcDurationMs": 8.486,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 755.36,
      "heapDeltaBytes": -12927988,
      "heapUsedBytes": 68304728,
      "domNodes": -283,
      "jsHeapTotalBytes": 3997696,
      "scriptDurationMs": 17.56,
      "eventListeners": -179,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "minimap-idle",
      "durationMs": 2023.4879999999293,
      "styleRecalcs": 4,
      "styleRecalcDurationMs": 3.813999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 686.6159999999999,
      "heapDeltaBytes": 16844144,
      "heapUsedBytes": 77731344,
      "domNodes": -270,
      "jsHeapTotalBytes": 0,
      "scriptDurationMs": 19.208,
      "eventListeners": -151,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 594.0730000000372,
      "styleRecalcs": 47,
      "styleRecalcDurationMs": 11.744000000000002,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 401.15000000000003,
      "heapDeltaBytes": 10778168,
      "heapUsedBytes": 71439040,
      "domNodes": 20,
      "jsHeapTotalBytes": 5505024,
      "scriptDurationMs": 118.71600000000001,
      "eventListeners": 8,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 639.4149999999854,
      "styleRecalcs": 45,
      "styleRecalcDurationMs": 10.226000000000003,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 421.24000000000007,
      "heapDeltaBytes": 11425424,
      "heapUsedBytes": 71998276,
      "domNodes": 16,
      "jsHeapTotalBytes": 5505024,
      "scriptDurationMs": 123.18799999999999,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-idle",
      "durationMs": 2013.1759999999872,
      "styleRecalcs": 9,
      "styleRecalcDurationMs": 10.769,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 601.979,
      "heapDeltaBytes": -3148248,
      "heapUsedBytes": 57216788,
      "domNodes": -282,
      "jsHeapTotalBytes": 4710400,
      "scriptDurationMs": 10.263000000000002,
      "eventListeners": -151,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-idle",
      "durationMs": 2032.4919999999338,
      "styleRecalcs": 8,
      "styleRecalcDurationMs": 8.176,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 577.379,
      "heapDeltaBytes": -874884,
      "heapUsedBytes": 59888760,
      "domNodes": -282,
      "jsHeapTotalBytes": 4710400,
      "scriptDurationMs": 10.193999999999999,
      "eventListeners": -151,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1753.1880000000228,
      "styleRecalcs": 75,
      "styleRecalcDurationMs": 38.491,
      "layouts": 16,
      "layoutDurationMs": 4.879,
      "taskDurationMs": 863.211,
      "heapDeltaBytes": -1092492,
      "heapUsedBytes": 59711040,
      "domNodes": -281,
      "jsHeapTotalBytes": 5758976,
      "scriptDurationMs": 94.205,
      "eventListeners": -151,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1744.3680000000086,
      "styleRecalcs": 74,
      "styleRecalcDurationMs": 37.074999999999996,
      "layouts": 16,
      "layoutDurationMs": 4.449,
      "taskDurationMs": 870.1669999999999,
      "heapDeltaBytes": 10971568,
      "heapUsedBytes": 71801460,
      "domNodes": -281,
      "jsHeapTotalBytes": 4710400,
      "scriptDurationMs": 97.923,
      "eventListeners": -183,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "subgraph-transition-enter",
      "durationMs": 1417.7670000000262,
      "styleRecalcs": 19,
      "styleRecalcDurationMs": 33.179,
      "layouts": 14,
      "layoutDurationMs": 15.241999999999999,
      "taskDurationMs": 1003.989,
      "heapDeltaBytes": -464728,
      "heapUsedBytes": 96574440,
      "domNodes": 13673,
      "jsHeapTotalBytes": 11534336,
      "scriptDurationMs": 18.577999999999996,
      "eventListeners": 2375,
      "totalBlockingTimeMs": 141,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "viewport-pan-sweep",
      "durationMs": 8740.992000000006,
      "styleRecalcs": 250,
      "styleRecalcDurationMs": 38.169999999999995,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 4538.209,
      "heapDeltaBytes": 8947972,
      "heapUsedBytes": 83503252,
      "domNodes": -262,
      "jsHeapTotalBytes": -1122304,
      "scriptDurationMs": 1072.3400000000001,
      "eventListeners": -131,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "viewport-pan-sweep",
      "durationMs": 8493.254999999976,
      "styleRecalcs": 250,
      "styleRecalcDurationMs": 39.618,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 4576.778,
      "heapDeltaBytes": -11070556,
      "heapUsedBytes": 63660068,
      "domNodes": -281,
      "jsHeapTotalBytes": 4190208,
      "scriptDurationMs": 1097.831,
      "eventListeners": -163,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 17935.968,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 17090.399999999998,
      "heapDeltaBytes": -55252696,
      "heapUsedBytes": 165686208,
      "domNodes": -8312,
      "jsHeapTotalBytes": -7725056,
      "scriptDurationMs": 129.36899999999997,
      "eventListeners": -16385,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 17.776666666666763,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 17884.233999999993,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 16935.534,
      "heapDeltaBytes": -45352880,
      "heapUsedBytes": 173939052,
      "domNodes": -8312,
      "jsHeapTotalBytes": -12259328,
      "scriptDurationMs": 124.98700000000001,
      "eventListeners": -16389,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 17.780000000000047,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 21402.56199999999,
      "styleRecalcs": 172,
      "styleRecalcDurationMs": 21.004999999999995,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 20761.224,
      "heapDeltaBytes": -29283712,
      "heapUsedBytes": 190754664,
      "domNodes": -8312,
      "jsHeapTotalBytes": -11509760,
      "scriptDurationMs": 436.51399999999995,
      "eventListeners": -16383,
      "totalBlockingTimeMs": 124,
      "frameDurationMs": 17.776666666666642,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 21256.88200000002,
      "styleRecalcs": 178,
      "styleRecalcDurationMs": 20.754999999999967,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 20708.334,
      "heapDeltaBytes": -35039964,
      "heapUsedBytes": 184367452,
      "domNodes": -8312,
      "jsHeapTotalBytes": -12820480,
      "scriptDurationMs": 400.68,
      "eventListeners": -16383,
      "totalBlockingTimeMs": 35,
      "frameDurationMs": 18.333333333333332,
      "p95FrameDurationMs": 16.80000000000291
    },
    {
      "name": "workflow-execution",
      "durationMs": 110.32599999998638,
      "styleRecalcs": 7,
      "styleRecalcDurationMs": 15.530000000000001,
      "layouts": 3,
      "layoutDurationMs": 0.7440000000000001,
      "taskDurationMs": 83.385,
      "heapDeltaBytes": 3162856,
      "heapUsedBytes": 63553060,
      "domNodes": 114,
      "jsHeapTotalBytes": 262144,
      "scriptDurationMs": 5.868999999999999,
      "eventListeners": 49,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "workflow-execution",
      "durationMs": 460.1900000000114,
      "styleRecalcs": 13,
      "styleRecalcDurationMs": 20.794,
      "layouts": 4,
      "layoutDurationMs": 1.288,
      "taskDurationMs": 108.02199999999999,
      "heapDeltaBytes": 4941364,
      "heapUsedBytes": 65387048,
      "domNodes": 121,
      "jsHeapTotalBytes": 0,
      "scriptDurationMs": 7.913999999999999,
      "eventListeners": 97,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.799999999999272
    }
  ]
}

@coderabbitai

coderabbitai Bot commented Aug 4, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 0f2ec74d-4261-41ef-be28-053a4c4c4cfc

📥 Commits

Reviewing files that changed from the base of the PR and between 547bade and 21c1a31.

📒 Files selected for processing (3)
  • browser_tests/fixtures/components/WorkspaceBillingSettings.ts
  • browser_tests/fixtures/data/cloudWorkspace.ts
  • browser_tests/tests/dialogs/billingStatusRecovery.spec.ts

Included review availability: Your plan provides up to 4 included reviews per hour; 3 remain after this review.


📝 Walkthrough

Walkthrough

Added Playwright coverage for owner and member billing recovery states. The changes add billing settings navigation, failed-payment and paused-subscription fixtures, payment-portal assertions, and role-specific visibility checks.

Changes

Billing recovery browser coverage

Layer / File(s) Summary
Billing fixtures and settings entry
browser_tests/fixtures/components/WorkspaceBillingSettings.ts, browser_tests/fixtures/data/cloudWorkspace.ts, browser_tests/tests/dialogs/billingStatusRecovery.spec.ts
Adds the workspace billing settings fixture, failed-payment and paused-subscription billing states, and shared test setup.
Owner payment recovery flow
browser_tests/tests/dialogs/billingStatusRecovery.spec.ts
Verifies the failed-payment banner, Update payment control, return URL submission, and Stripe payment-portal navigation.
Member recovery visibility
browser_tests/tests/dialogs/billingStatusRecovery.spec.ts
Verifies that members do not see payment recovery controls and that paused subscriptions show a role-safe notice.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Merge Risk: 🔵 Low · up to 21c1a

The PR adds focused billing recovery and privacy coverage, but the new tests still need explicit synchronization for the portal request and broader checks that recovery controls are absent from all relevant content. The change is mergeable with owner awareness of these bounded test-coverage risks.

Suggested labels: risk:R3


Important

Pre-merge checks failed

Please resolve all errors before merging. Addressing warnings is optional.

❌ Failed checks (1 inconclusive)

Check name Status Explanation Resolution
End-To-End Regression Coverage For Fixes ❓ Inconclusive The PR metadata does not provide the PR title or commit subjects, so the required bug-fix language check cannot be completed. Provide the PR title and commit subjects, then reassess the explicit bug-fix condition.
✅ Passed checks (6 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly describes the added billing recovery permission coverage.
Description check ✅ Passed The description is complete and covers the summary, changes, review focus, validation, coverage, and external testing boundaries.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Website End-To-End Regression Coverage ✅ Passed The changed files are browser fixtures and tests only. No files under apps/website/src/ or apps/website/public/ changed, so this check does not apply.
Adr Compliance For Entity/Litegraph Changes ✅ Passed The changed files are browser test fixtures and tests only. None are under src/lib/litegraph/, src/ecs/, or graph-entity files, so this check does not apply.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch dante01yoon/test-billing-e2e-matrix

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@browser_tests/tests/dialogs/billingStatusRecovery.spec.ts`:
- Around line 2-5: Update the billing status recovery test around the click and
portalRequests handling to wait for the payment-portal request before reading
its body. Use Playwright’s wait-before-click pattern, then assert against the
intercepted request body rather than reading portalRequests immediately after
the click.
🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 668bc6dd-303c-4a21-8828-d9d67c966f55

📥 Commits

Reviewing files that changed from the base of the PR and between 44a3cc8 and cf3b04d.

📒 Files selected for processing (4)
  • browser_tests/fixtures/components/WorkspaceBillingSettings.ts
  • browser_tests/fixtures/data/cloudWorkspace.ts
  • browser_tests/tests/dialogs/billingStatusRecovery.spec.ts
  • browser_tests/tests/dialogs/pricingTableDeepLink.spec.ts

Comment on lines +2 to +5
import type {
PaymentPortalRequest,
PaymentPortalResponse
} from '@comfyorg/ingest-types'

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🩺 Stability & Availability | 🟡 Minor | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
set -euo pipefail

echo "== file list =="
git ls-files | rg '(^|/)billingStatusRecovery\.spec\.ts$|browser_tests/README\.md$|docs/guidance/playwright\.md$|\.agents/checks/playwright-e2e\.md$' || true

echo "== target file outline/size =="
wc -l browser_tests/tests/dialogs/billingStatusRecovery.spec.ts
cat -n browser_tests/tests/dialogs/billingStatusRecovery.spec.ts

echo "== nearby guidance snippets =="
for f in browser_tests/README.md docs/guidance/playwright.md .agents/checks/playwright-e2e.md; do
  if [ -f "$f" ]; then
    echo "--- $f ---"
    rg -n "waitForRequest|page\.waitForRequest|route\(\)|api/billing/payment-portal|assertion|request|Wait" "$f" -C 2 || true
  fi
done

Repository: Comfy-Org/ComfyUI_frontend

Length of output: 13518


🌐 Web query:

Playwright page.waitForRequest wait before click pattern

💡 Result:

The recommended pattern for waiting for a request after an action (such as a click) in Playwright is to initiate the wait before performing the action and to use Promise.all to handle both concurrently [1][2][3]. This approach prevents race conditions where the request completes before the test starts listening for it [2][4]. Recommended Pattern Use Promise.all to register the listener and trigger the action simultaneously [2][5]. This ensures Playwright is actively "armed" to intercept the request as soon as it is sent [2]. const [request] = await Promise.all([ page.waitForRequest('/api/target-endpoint'), page.locator('button').click, ]); Why this pattern is necessary If you perform the action first (e.g., await page.click) and then wait (e.g., await page.waitForRequest), there is a risk that the request will be sent and processed by the browser before your test code begins listening for it [2][4]. This leads to intermittent timeout errors, which may appear non-deterministic depending on network speed or browser engine behavior [4][6]. Alternative approach If you do not want to use Promise.all, you can still achieve the same result by creating the promise first without awaiting it, then triggering the action, and finally awaiting the promise [1][7]: // 1. Start waiting for request before the action (no await here) const requestPromise = page.waitForRequest('/api/target-endpoint'); // 2. Perform the action await page.locator('button').click; // 3. Wait for the promise to resolve const request = await requestPromise; Both methods are functionally equivalent, but the Promise.all syntax is often preferred for its readability and conciseness [1][2][5]. Additional Considerations - Predicates: You can use a predicate function instead of a URL string to match requests based on status, headers, or body content (e.g., req.postDataJSON) [5][8][3]. - waitForResponse: In many cases, it is more reliable to wait for the response (page.waitForResponse) rather than the request, as the response confirms that the server has successfully received and processed the action [4]. The same Promise.all pattern applies to waitForResponse [9][5].

Citations:


Wait for the payment-portal request before reading its body.

Line 67 reads portalRequests immediately after the click, while the route handler is executed asynchronously. Use Playwright’s wait-before-click pattern for the API request and assert from the intercepted request body.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@browser_tests/tests/dialogs/billingStatusRecovery.spec.ts` around lines 2 -
5, Update the billing status recovery test around the click and portalRequests
handling to wait for the payment-portal request before reading its body. Use
Playwright’s wait-before-click pattern, then assert against the intercepted
request body rather than reading portalRequests immediately after the click.

@codecov

codecov Bot commented Aug 4, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

@@            Coverage Diff             @@
##             main   #14713      +/-   ##
==========================================
- Coverage   79.18%   78.99%   -0.20%     
==========================================
  Files        2210     1881     -329     
  Lines      112308   115780    +3472     
  Branches    34297    33667     -630     
==========================================
+ Hits        88930    91459    +2529     
- Misses      22912    23792     +880     
- Partials      466      529      +63     
Flag Coverage Δ
unit 73.22% <ø> (ø)
website-unit ?

Flags with carried forward coverage won't be shown. Click here to find out more.
see 808 files with indirect coverage changes

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@dante01yoon
dante01yoon force-pushed the dante01yoon/test-billing-e2e-matrix branch from cf3b04d to 38986f2 Compare August 5, 2026 15:03
@coderabbitai

coderabbitai Bot commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

Note

GitHub couldn't provide a complete incremental comparison for this pull request, so CodeRabbit is performing a full review instead. This review may take a little longer.

@dante01yoon

Copy link
Copy Markdown
Collaborator Author

Resolved the merge conflict by rebasing onto latest main (24d6c309d). Root cause: main and this PR both updated the required billing seat-capacity fields in cloudWorkspace.ts; current main also introduced the v1_payment_recovery gate and revised recovery copy. I kept main's seat values/dynamic member count, retained the typed recovery fixtures, page object, and all three recovery tests, and aligned the tests with the new gate/copy.

New head: 38986f2137cd2adf20f5d04e51dd2a8ae4b58b1e

Verified: git diff --check; browser typecheck; targeted ESLint, oxlint, and oxfmt; focused Cloud Playwright spec (3 passed). GitHub now reports the PR mergeable; CI is running.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@browser_tests/tests/dialogs/billingStatusRecovery.spec.ts`:
- Around line 143-145: Update the recovery-control absence assertion in the
relevant billing recovery test to use the same settings.content-scoped locator
as TB-22B, rather than limiting the search to settings.statusBanner. Keep
asserting that every “Update payment” button within Plan & Credits content has
count zero.
🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: b8a94af8-de97-4c2a-b463-68e4461ce146

📥 Commits

Reviewing files that changed from the base of the PR and between 24d6c30 and 38986f2.

📒 Files selected for processing (3)
  • browser_tests/fixtures/components/WorkspaceBillingSettings.ts
  • browser_tests/fixtures/data/cloudWorkspace.ts
  • browser_tests/tests/dialogs/billingStatusRecovery.spec.ts

Comment on lines +143 to +145
await expect(
settings.statusBanner.getByRole('button', { name: 'Update payment' })
).toHaveCount(0)

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

Check recovery-control absence in all Plan & Credits content.

The current locator excludes Update payment only inside statusBanner. If the control renders elsewhere in settings.content, this test passes while a member still has recovery access. Use the same content-scoped locator as TB-22B.

Proposed fix
-        settings.statusBanner.getByRole('button', { name: 'Update payment' })
+        settings.content.getByRole('button', { name: 'Update payment' })
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
await expect(
settings.statusBanner.getByRole('button', { name: 'Update payment' })
).toHaveCount(0)
await expect(
settings.content.getByRole('button', { name: 'Update payment' })
).toHaveCount(0)
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@browser_tests/tests/dialogs/billingStatusRecovery.spec.ts` around lines 143 -
145, Update the recovery-control absence assertion in the relevant billing
recovery test to use the same settings.content-scoped locator as TB-22B, rather
than limiting the search to settings.statusBanner. Keep asserting that every
“Update payment” button within Plan & Credits content has count zero.

@huang47

huang47 commented Aug 6, 2026

Copy link
Copy Markdown
Contributor

Current-head browser evidence (38986f2137), using route-mocked frontend flows:

Team owner / payment failed Team member / payment failed Team member / paused
Recovery banner + Update payment No payment details or recovery control Role-safe pause guidance

Setup caveat: this is frontend-only route-mocked evidence. The red JSON error toast is unrelated noise from intentionally unmapped background requests.

cb2a8f1d3bec-billing-recovery-test-run

@huang47 huang47 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

One blocking test-reliability issue. Current-head browser evidence: #14713 (comment)

.getByRole('button', { name: 'Update payment' })
.click()

expect(portalRequests).toEqual([{ return_url: returnUrl }])

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could this intermittently read [] before the /api/billing/payment-portal route callback runs? The click starts a fire-and-forget manageSubscription() flow, so portalRequests is asserted immediately after an async UI mutation. Please poll for one captured request before asserting its payload, matching the existing Playwright pattern.

Current-head browser evidence: #14713 (comment)

@huang47 huang47 assigned dante01yoon and unassigned huang47 Aug 6, 2026
dante01yoon added a commit that referenced this pull request Aug 7, 2026
## Summary

Adds deterministic browser coverage for the current-main partner-node,
top-up, and responsive billing-cycle workflows. This PR is stacked on
the isolated maximum-warning prerequisite #14815, which is itself
stacked on #14713 so the Cloud Team recovery-banner slice remains
independently reviewable.

## Why this is needed

These journeys span stateful API polling, exact currency payloads,
workspace-scoped balances, partner-node recovery, permission boundaries,
and responsive pricing interactions. Main and #14713 did not
deterministically exercise them, leaving regressions dependent on live
billing state and timing.

The maximum top-up test also exposed a current frontend bug: manually
entering an amount at or above $10,000 clamps the input correctly, but
the enterprise guidance was unreachable because the warning only
appeared for values strictly greater than the maximum.

## Changes

- Adds a typed stateful billing API fixture for deterministic status,
balance, plans, preview, top-up, subscription, cancellation, and
operation polling responses.
- Adds partner-node coverage for price presentation, prompt execution
request, sufficient-credit balance deduction/refresh,
insufficient-credit recovery after a failed billing refresh, and member
privacy/permissions.
- Adds top-up coverage for exact-cent personal preset/custom payloads,
active Team workspace scoping, pending completion, HTTP failure/retry,
failed operation feedback, and the current $10,000/enterprise contract.
- Adds monthly-to-yearly Creator pricing interaction through the direct
supported pricing route on Cloud desktop and mobile, guarded by nonempty
interactive-plan assertions.
- Depends on #14815, which isolates the `showCeilingWarning` production
prerequisite.

## Root cause and fix

### AS IS

`showCeilingWarning` used `value > MAX_AMOUNT`. Because the input is
clamped to `MAX_AMOUNT`, the observable value could never remain above
the cap, hiding the warning and Contact us link at $10,000.

[AS IS
screenshot](https://ampcode.com/user-content/artifacts/6f5bcdc4d255307bdaed598273b88977160cebe70cc89f89baa56c5330e79c0f-file.png)

### TO BE

The warning uses `value >= MAX_AMOUNT`, preserving the cap while
exposing enterprise billing guidance at the reachable maximum.

[TO BE
screenshot](https://ampcode.com/user-content/artifacts/4ef8548ce8b54dee264330d27bcef202cc5633667fecacd04c46d170a3a4b44b-file.png)

## Review focus

- Stateful billing operation polling and mocked balance
refresh/deduction behavior.
- Team member permission/privacy expectations.
- The one-line maximum-warning prerequisite is isolated in #14815.
- #14526 is an active draft for a future saved-payment-method UI
contract with component tests; these browser tests remain scoped to
current-main behavior and do not mock provider metering.
- Workspace Activity API wiring and browser coverage are isolated in
#14811 and #14813 rather than duplicated here.

## Validation

- `pnpm typecheck` and `pnpm typecheck:browser`
- Focused Cloud partner-node/top-up/pricing Playwright
- Pricing mobile-chrome repeated 3 times and Cloud once after the
responsive route fix
- ESLint, oxfmt, oxlint, knip, and `git diff --check`

## Stacking

- Base: `dante/topup-max-enterprise-warning` (#14815)
- #14815 is based on `dante01yoon/test-billing-e2e-matrix` (#14713)
- Workspace Activity prerequisite/tests: #14811#14813

---------

Co-authored-by: Amp <amp@ampcode.com>

@christian-byrne christian-byrne left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There are some merge conflicts.

Amp-Thread-ID: https://ampcode.com/threads/T-01a017ad-4c43-767c-b936-c51822ab76e1
Co-authored-by: Amp <amp@ampcode.com>

# Conflicts:
#	browser_tests/fixtures/data/cloudWorkspace.ts
@coderabbitai

coderabbitai Bot commented Aug 19, 2026

Copy link
Copy Markdown
Contributor

Note

GitHub couldn't provide a complete incremental comparison for this pull request, so CodeRabbit is performing a full review instead. This review may take a little longer.

@github-actions github-actions Bot added the risk:R3 PR risk grade (advisory shadow check; grader-owned) label Aug 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

risk:R3 PR risk grade (advisory shadow check; grader-owned) size:M This PR changes 30-99 lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants